﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="galleryscroler.ascx.cs" Inherits="controls_client_galleryscroler" %>
<script type="text/javascript">
  window.addEvent("domready", function () {
      new IceCarousel("IceCarousel_container_1", {

          idPrevious: "IceCarousel_prev_1",
          idNext: "IceCarousel_next_1",

          item: {
              klass: "icecarousel_item",
              size: 240
          },
          animation: {
              type: "fadeNscroll",
              direction: "left",
              amount: 1,
              transition: Fx.Transitions.Expo.easeOut,
              duration: 1200,
              rotate: {
                  type: "auto",
                  interval: 5000,
                  onMouseOver: "stop"
              }
          }
      });
  });				
</script>
<div id="Div1" class="clearfix">
    <div class="icecarousel" style="width:950px; height:130px" >                 
        <div id="Div2" class="icecarousel_items_container" >            				
            <asp:Repeater ID="Repeater1" runat="server" DataSourceID="dsImages">
                <ItemTemplate>
                   <div class="icecarousel_item" style="width:230px; height:130px" >                                                      
                        <p class="last">
                        <img src='images/imageuploads/<%#Eval("TenFile") %>' border="0" alt="" width="195px" height="110px" />
                        </p>                                    
                    </div> 
                </ItemTemplate>
            </asp:Repeater>
            <asp:SqlDataSource ID="dsImages" runat="server" 
            ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
            SelectCommand="Proc_HinhAnh_SelectTop10" SelectCommandType="StoredProcedure">
            </asp:SqlDataSource>		                                                 
        </div>                
    </div>   
    <a href="javascript:void(0);" id="A1"><span class="icecarousel_container_l"></span></a> 
    <a href="javascript:void(0);" id="A2"><span class="icecarousel_container_r"></span></a>                 
    <p class="carousel_text">Hình ảnh hoạt động của công ty</p>
</div>